<template>
	<view class="">
		<!-- 扫码详情页面 -->
		<uni-collapse style="padding: 10rpx;">
			<uni-collapse-item class="collapseItem" :open="true">
				<template v-slot:title>
					<uni-icons type="image" color="#EB4B4B" size="20"></uni-icons>
					<text>物料信息</text>
				</template>
				<view class="content">
					<view class="contentItem">
						<text class="text">物料编码</text>
						<text>01240102055402</text>
					</view>
					<view class="contentItem">
						<text class="text">物料名称</text>
						<text>楼面抱杆</text>
					</view>
				</view>
			</uni-collapse-item>
			<uni-collapse-item class="collapseItem" :open="true">
				<template v-slot:title>
					<uni-icons type="image" color="#EB4B4B" size="20"></uni-icons>
					<text>标签信息</text>
				</template>
				<view class="content">
					<view class="contentItem">
						<text class="text">标签ID</text>
						<text>21A05SDLY0901057</text>
					</view>
					<view class="contentItem">
						<text class="text">资源资产编码</text>
						<text>21A05SDLY0901057</text>
					</view>
				</view>
			</uni-collapse-item>
		</uni-collapse>
		<view class="buttonBox">
			<view class="" style="width: 50%;display: inline-block;">
				<button type="warn" style="height: 100rpx;line-height: 100rpx;font-size: 30rpx;">确定</button>
			</view>
			<view class="" style="width: 50%;display: inline-block;">
				<button :plain="true" type="warn" style="height: 100rpx;line-height: 100rpx;font-size: 30rpx;">取消</button>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	@import '@/common/common-ui.css';
</style>
<style scoped lang="scss">
	.collapseItem{
		border: 1px solid #E4E4E4;
		border-bottom: 0;
		margin: 6rpx 0;
		.content{
			.contentItem{
				border-top: 1px solid #E4E4E4;
				padding: 20rpx 0;
				display: flex;
				.text{
					width: 30%;
					display: inline-block;
					margin-left: 5%;
					
				}
			}
		}
	}
	.buttonBox{
		position: fixed;
		bottom: 22vh;
		width: 100vw;
	}
</style>
